:root {
  --app-layout-header: 50px;
  --app-layout-main: calc(100vh - var(--app-layout-header) - var(--app-layout-footer));
  --app-layout-footer: 30px;
}

html.dark {
  img {
    filter: brightness(0.8) saturate(1.25);
  }
}
html,body,#app {
  margin: 0;
  padding: 0;
  height: 100%;
}
#app {
  width: 100%;
}
*:focus {
  outline: none;
}
.el-menu-item:not(:hover):focus {
  background-color: transparent!important;
}

// 超出行数，自动显示行尾省略号，最多10行
@for $i from 1 through 10 {
	.line-#{$i} {
		overflow: hidden;
    text-overflow:ellipsis;
		@if $i == 1 {
			white-space: nowrap;
		} @else {
      display: -webkit-box!important;
      -webkit-line-clamp: $i;
      -webkit-box-orient: vertical!important;
			word-break: break-all;
		}
	}
}
